<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title> - 基础表格</title>
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
		<link href="css/plugins/iCheck/custom.css" rel="stylesheet">
		<link href="css/animate.css" rel="stylesheet">
		<link href="css/style.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/myheadimg.css" />
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">

		</div>

		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
					<h5>教师列表</h5>
					<div class="ibox-tools">
						<a class="collapse-link">
							<i class="fa fa-chevron-up"></i>
						</a>
						<a class="dropdown-toggle" data-toggle="dropdown" href="table_basic.html#">
							<i class="fa fa-wrench"></i>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="table_basic.html#">选项1</a>
							</li>
							<li>
								<a href="table_basic.html#">选项2</a>
							</li>
						</ul>
						<a class="close-link">
							<i class="fa fa-times"></i>
						</a>
					</div>

				</div>
				<div class="ibox-content">
					<div class="row">
						<div class="col-sm-3">
							<div class="input-group">
								<input type="text" placeholder="请输入关键词" class="input-sm form-control"> <span class="input-group-btn">
                                        <button type="button" class="btn btn-sm btn-primary"> 搜索</button> </span>
							</div>
						</div>
						<div class="col-sm-4 m-b-xs" style="float: right;">
							<a class="btn btn-primary btn-rounded" href="teacheradd.jsp" style="float: right;margin-right: 70px;">增加</a>
						</div>
					</div>
					<div class="ibox-content">

						<table class="table table-hover">
							<thead>
								<tr>
									<th>编号</th>
									<th>教师姓名</th>
									<th>性别</th>
									<th>年龄</th>
									<th>选项</th>
								</tr>
							</thead>
							<tbody>
							<c:forEach items="${teacherlist}" var="teacher">
								<tr>
									<td>${teacher.tid}</td>
									<td>${teacher.tname}</td>
									<td>${teacher.tsex}</td>
									<td>${teacher.tage}</td>
									<td>
										<a class="dropdown-toggle" href="teacherupdate.action?tid=${teacher.tid}&type=1">
											<i class="fa fa-wrench"></i>
										</a>
										<a class="close-link" href="teacherdelete.action?tid=${teacher.tid}">
											<i class="fa fa-times"></i>
										</a>
									</td>
								</tr>
							</c:forEach>
							</tbody>
						</table>

						<div class="ibox-content" style="width:270px;margin: auto;">
							<div class="btn-group">
								<button type="button" class="btn btn-white"><i class="fa fa-chevron-left"></i></button>
								<button class="btn btn-white">1</button>
								<button class="btn btn-white  active">2</button>
								<button class="btn btn-white">3</button>
								<button class="btn btn-white">4</button>
								<button type="button" class="btn btn-white"><i class="fa fa-chevron-right"></i></button>
							</div>
						</div>

					</div>

				</div>

			</div>
		</div>

		</div>

		<!-- 全局js -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>

		<!-- Peity -->
		<script src="js/plugins/peity/jquery.peity.min.js"></script>

		<!-- 自定义js -->
		<script src="js/content.js?v=1.0.0"></script>

		<!-- iCheck -->
		<script src="js/plugins/iCheck/icheck.min.js"></script>

		<!-- Peity -->
		<script src="js/demo/peity-demo.js"></script>

		<script>
			$(document).ready(function() {
				$('.i-checks').iCheck({
					checkboxClass: 'icheckbox_square-green',
					radioClass: 'iradio_square-green',
				});
			});
		</script>

	</body>

</html>